<script src="./axios.js"></script>


<script>
    // const p1 = axios.get('http://ajax-api.itheima.net/api/province')
    // axios.get('http://ajax-api.itheima.net/api/province').then().catch
    // console.log(p1)



    // 1. new 一个 XMLHttpRequest
    // const xhr = new XMLHttpRequest()
    // // 2. 设置请求方式和地址
    // xhr.open('get', 'http://ajax-api.itheima.net/api/province')
    // // 3. 发送
    // xhr.send()
    // // 4. 监听load事件，取到服务器回来的数据
    // xhr.addEventListener('load', () => {
    //     console.log(xhr.response) // JSON字符串
    //     console.log(JSON.parse(xhr.response))
    // })


    // function f(){
    //     const p = new Promise((resolve, reject) => {

    //         // 写代码 

    //     })

    //     return p
    // }
    // f().then().catch()

    function myAjax() {
        const p = new Promise((resovle, reject) => {
            // 1. new 一个 XMLHttpRequest
            const xhr = new XMLHttpRequest()
            // 2. 设置请求方式和地址
            xhr.open('get', 'http://ajax-api.itheima.net/api/province')
            // 3. 发送
            xhr.send()
            // 4. 监听load事件，取到服务器回来的数据
            xhr.addEventListener('load', () => {
                resovle( JSON.parse(xhr.response) )
                // console.log(xhr.response) // JSON字符串
                // console.log(JSON.parse(xhr.response))
            })
        })

        return p
    }
    
    myAjax()
    .then(res => { console.log('ok', res) })
    .catch(err => { console.log(err) })

    


</script>